:root {
    --el-color-primary: #ff6b00;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote::before,
blockquote::after,
q::before,
q::after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

//标签公用样式
.tag_one {
    height: auto;
    padding: 4px;
    font-size: 14px;
    color: #ff6b00;
    font-weight: 300;
    line-height: 14px;
    background: #fffaf9;
    border-radius: 2px;
    border: 1px solid #ffc69e;
}

.tag_two {
    height: auto;
    padding: 4px;
    font-size: 14px;
    font-family: STHeitiSC-Light, STHeitiSC;
    font-weight: 300;
    color: #2fb6e4;
    line-height: 14px;
    background: #f4fcff;
    border-radius: 2px;
    border: 1px solid #c2eaf8;
}

// 表格无数据通用样式

.emty_img {
    transform: translateX(15%);
}

.emty_title {
    margin-top: -50px;
}

.emty_box {
    .el-empty__image {
        transform: translateX(15%);
    }
}

// 弹框内容布局
.dialog_content {
    min-height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.table_header_title {
    height: 60px;

    th.el-table__cell {
        background: #f9f9f9;
        padding: 10px 0;
    }
}

.emty_box {
    .el-empty__image {
        transform: translateX(25px);
    }
}

.icon_pic {
    font-size: 40px;
}

// .hide {
//   display: none;
// }
.show {
    display: block;
}

// @media (-webkit-min-device-pixel-fatio: 1.5), (min-resolution: 120dpi) {
//   #app {
//     transform: scale(0.665);
//     transform-origin: left top;
//   }
// }

// @media (-webkit-min-device-pixel-fatio: 1.25), (min-resolution: 120dpi) {
//   #app {
//     transform: scale(0.799);
//     transform-origin: left top;
//   }
// }
.preview_form_body {
    //预览滚动
    .el-drawer__body {
        overflow-y: auto;
    }
}

.max_width {
    max-width: 460px !important;
}

.zw-form-radio-item.el-form-item {
    margin-bottom: 0;
    line-height: normal;

    .el-form-item__label,
    .el-form-item__content {
        line-height: normal;
    }

    .el-radio {
        align-items: flex-start;
    }
}

.zw-detail-table.el-table {
    --el-table-border: 1px solid #eaeaea;
    --el-table-header-bg-color: #f9f9f9;

    th.el-table__cell {
        padding: 0;
        height: 48px;
        line-height: 48px;
        font-size: 14px;
        font-family: STHeitiSC-Medium, STHeitiSC;
        font-weight: 500;
        color: #33302d;
    }
}

.zw-loading-global {
    z-index: 9999 !important;
}

.zw-select-popper {
    z-index: 2 !important;
}

.zw-text-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

// 自动宽度的popover，配合table组件里的hovers
.auto_width.el-popper {
    min-width: auto;
    width: auto !important;
    max-width: 500px;
    word-break: break-all;

    .el-popper__arrow {
        left: 50% !important;
        transform: none !important;
    }
}

// 全局的标签展示样式
.zw-el-tags {
    margin: -4px -5px;

    .el-tag {
        margin: 4px 5px;
    }
}

// 全局的message-box的二次确认弹窗样式
.zw-table-confirm-messagebox {
    --el-messagebox-padding-primary: 16px;

    min-width: 460px;
    padding-bottom: 16px;
    font-family: PingFangSC-Regular, 'PingFang SC';
    font-weight: 400;
    line-height: 20px;

    &.center {
        .el-message-box__container {
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .el-message-box__message {
            padding-left: 8px;
        }

        .el-icon {
            position: relative;
        }
    }

    .el-message-box__header {
        font-family: PingFangSC-Medium, 'PingFang SC';
        font-size: 18px;
        font-weight: 500;
        line-height: 16px;
        color: #33302d;
    }

    .el-message-box__btns {
        padding-top: 20px;
    }

    .el-icon {
        top: 0;
        transform: translateY(0);

        --el-messagebox-color: #faad14;
    }
}
